Рамка на DIV с частичным перекрытием текста

[Rasmussen]

Всем добра!

Интереса ради захотелось сделать блок с такой рамкой, как на картинке:

Я попытался сделать это с помощью z-index и относительного позиционирования. В итоге результат был достигнут, но выявилась одна проблема.

Суть её заключается в следующем.

Уголок рамки был помещён в отдельный блок и размещён ниже блока с текстом. На нужное место блок ставился через CSS с использование отрицательных величин. Блок с уколком и блок с текстом располагаются в самом низу страницы.

Однако же, когда браузер отрисовывает страничку, он отображает и то пустое место, где первоначально (в html) располагается блок с уголком.

Таким образом, появляется скроллер и внизу образуется пустое пространство высотой равное блоку с уголком.

Есть ли сбособы такое побороть либо другая реализация задумки?

Любая помощь приветствуется, благодарю за уделённое время.

[Ge1i0N]

Перемешай элемент не отрицательными отступами, а через position:relative;

[Sensei]

Используйте абсолютное позиционирование, если я правильно понял суть проблемы.

[lexxcode]

вроде бы ничего сложного

правда опера как всегда в своем репертуаре